<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="Viewport" content="width=device-width,initial-scale=1.0">
		<title>Vue生命周期钩子函数</title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<input type="text" v-model="inputStr" /><br />
			您输入的内容是:{{inputStr}}
			
			
			
		</div>
	</body>
	<script>
	new Vue({
		el:"#app",
		data:{
			inputStr"",
			count:1,
		},
		methods:{
			dianji(){
				count =count++
			}
		},
		beforeCreate(){
			console.log("进入beforeCreate钩子")
			
			debugger
		},
		created(){
			console.log("进入created钩子")
			debugger
		},
		beforeMount() {
			console.log("进入mounted钩子")
			debugger
		},
		mounted(){
			console.log("进入mount钩子")
			debugger
		},
		beforeUpdate(){
			console.log("进入beforeUpdate钩子")
			debugger
		},
		updated(){
			debuggeronsole.log("进入updated钩子")
		},
	})
	</script>
</html>

d